<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/scrollReveal.js"></script>
    <script src="js/main.js"></script>

    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/example.css">
    <link rel="stylesheet" href="js/example.js">
</head>

<body>
    <nav class="navbar navbar-default">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class=" hidden-xs hidden-sm" href=""><img  src="img/logonew.png" alt=""></a>
                <a class="navbar-brand hidden-lg hidden-md" href="#"><img src="img/logonewsmall.png" alt=""></a> 

                <!-- <a class="navbar-brand" href="#"></a> -->
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li><a href="main.html">首页</a></li>
                    <li><a href="about.html">关于我们</a></li>
                    <li><a href="service.html">服务范围</a></li>
                    <li><a href="example.html">案列</a></li>
                    <li><a href="callus.html">联系我们</a></li>
                </ul>

                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#">登录</a></li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>
    <div class="container">
        <div class="jumbotron">
            <div class="container-fluid">
                <h2>13年来只专注品牌策略设计这一件事。</h1>
                    <a> 致力于为注重“企业形象”和“品牌气质”的高要求客户提供整体形象创建与改造升级设计服务。<br>
                        由业内知名总监合力智建，靠专业和口碑吸引众多客户，多项作品获德国红点奖、IF、A'Design、HKDA环球设计大奖等。<br>
                        我们不断学习，成长。成员平均十年以上项目操作经验，已是中国设计界一股不可或缺的力量。</a>
            </div>
        </div>
    </div>
    <div class="container-fluid ">
        <div class="row">
            <div class="col-md-4 img_box ">
                <div class="thumbnail example">
                    <img src="img/example/1.jpg" alt="">
                    <div class="caption example_text">
                        <p class="p1">
                            壹心理
                        </p>
                        <p class="p2">
                            <span>壹心理咨询品牌设计</span>
                            <br> 品牌设计、LOGO设计、VI设计、超级IP吉祥物设计
                        </p>

                    </div>
                </div>

            </div>
            <div class="col-md-4 img_box ">
                <div class="thumbnail example">
                    <img src="img/example/2.jpg" alt="">
                    <div class="caption example_text">
                        <p class="p1">
                            香飘飘 </p>
                        <p class="p2">
                            <span>香飘飘品牌包装形象升级</span>
                            <br> 品牌包装设计、年节礼盒设计、插画设计 </p>

                    </div>
                </div>

            </div>
            <div class="col-md-4 img_box ">
                <div class="thumbnail example">
                    <img src="img/example/3.jpg" alt="">
                    <div class="caption example_text">
                        <p class="p1">
                            每日瑜伽
                        </p>
                        <p class="p2">
                            <span>每日瑜伽品牌设计</span>
                            <br> 品牌设计、VI设计、吉祥物设计、IP设计
                        </p>

                    </div>
                </div>

            </div>
            <div class="col-md-4 img_box ">
                <div class="thumbnail example">
                    <img src="img/example/4.jpg" alt="">
                    <div class="caption example_text">
                        <p class="p1">
                            古茗茶饮
                        </p>
                        <p class="p2">
                            <span>古茗茶饮品牌升级设计</span>
                            <br> 品牌设计、IP设计、VI设计、品牌升级
                        </p>
                    </div>
                </div>

            </div>
            <div class="col-md-4 img_box ">
                <div class="thumbnail example">
                    <img src="img/example/5.jpg" alt="">
                    <div class="caption example_text">
                        <p class="p1">
                            老娘舅餐饮
                        </p>
                        <p class="p2">
                            <span>老娘舅品牌形象升级</span>
                            <br> 品牌设计、 VI设计、专卖店空间设计
                        </p>
                    </div>
                </div>

            </div>
            <div class="col-md-4 img_box ">
                <div class="thumbnail example">
                    <img src="img/example/6.jpg" alt="">
                    <div class="caption example_text">
                        <p class="p1">
                            甘兔庵抹茶
                        </p>
                        <p class="p2">
                            <span>甘兔庵品牌全案策划设计</span>
                            <br> 品牌策划、品牌设计、标识IP设计、vi设计
                        </p>
                    </div>
                </div>

            </div>
            <div class="col-md-4 img_box ">
                <div class="thumbnail example">
                    <img src="img/example/7.gif" alt="">
                    <div class="caption example_text">
                        <p class="p1">
                            鲸域服务式办公
                        </p>
                        <p class="p2">
                            <span>鲸域服务式办公品牌全案设计</span>
                            <br> 品牌策划、品牌命名、品牌设计、VI设计、IP设计
                        </p>
                    </div>
                </div>

            </div>
            <div class="col-md-4 img_box ">
                <div class="thumbnail example">
                    <img src="img/example/8.jpg" alt="">
                    <div class="caption example_text">
                        <p class="p1">
                            华东医药 股票代码 000963
                        </p>
                        <p class="p2">
                            <span>华东医药赛缪斯生物护肤品牌设计</span>
                            <br> 品牌设计、VI设计、SI专卖店设计
                        </p>
                    </div>
                </div>

            </div>
            <div class="col-md-4 img_box ">
                <div class="thumbnail example">
                    <img src="img/example/9.gif" alt="">
                    <div class="caption example_text">
                        <p class="p1">
                            斑码头自动售货机
                        </p>
                        <p class="p2">
                            <span>斑码头品牌全案策划设计</span>
                            <br> 品牌策略、品牌命名、品牌设计、VI设计、网站设计
                        </p>
                    </div>
                </div>

            </div>
            <div class="col-md-4 img_box ">
                <div class="thumbnail example">
                    <img src="img/example/10.gif" alt="">
                    <div class="caption example_text">
                        <p class="p1">
                            EB国际儿童教育
                        </p>
                        <p class="p2">
                            <span>EB国际儿童教育品牌全案策划设计</span>
                            <br> 品牌策划、品牌定位、品牌设计、IP设计
                        </p>

                    </div>
                </div>

            </div>
            <div class="col-md-4 img_box ">
                <div class="thumbnail example">
                    <img src="img/example/11.gif" alt="">
                    <div class="caption example_text">
                        <p class="p1">
                            惑水酒水吧
                        </p>
                        <p class="p2">
                            <span>惑水酒水吧跨界品牌全案策划设计</span>
                            <br> 品牌策划、品牌设计、VI设计、网站设计
                        </p>
                    </div>
                </div>

            </div>
            <div class="col-md-4 img_box ">
                <div class="thumbnail example">
                    <img src="img/example/12.gif" alt="">
                    <div class="caption example_text">
                        <p class="p1">
                            灵声机器人
                        </p>
                        <p class="p2">
                            <span>灵声机器人品牌升级设计</span>
                            <br> LOGO设计、品牌设计、VI设计、网站设计、品牌升级
                        </p>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div class="container-fuild foot">
            <div class="container">
              <div class="row">
                <div class="col-md-4 erweima">
                  <div class="col-md-4 col-sm-2 " >
                    <p class="text-center"><img src="img/erweima.png" alt=""></p>
                    <p class="text-center erweima_text">关注Design设计公众平台</p>
                  </div>
                  <div class="col-md-2 hidden-xs" >
                  </div>
                  <div class="col-md-6 col-sm-2 dizhi" >
                    <p class="hidden-xs"><img src="img/logohui.png" alt=""></p>
                    <p class=" erweima_text hidden-xs">Design设计</p>
                    <p class=" erweima_text hidden-xs">重庆市沙坪区</p>
                    <p class=" erweima_text hidden-xs">TEL：68629999</p>
                    <p class=" erweima_text hidden-xs"> QQ：1195223069</p>
        
                  </div>
                </div>
                <div class="col-md-6 hidden-xs">
                    <div class="col-md-2 col-sm-2 hidden-xs ">
                      <dl class="foot_list" >
                        <dt class ="text-center"> <a href="">案列</a> </dt>
                        <dd class ="text-center"><a href="">品牌策划</a></dd>
                        <dd class ="text-center"><a href="">品牌设计</a></dd>
                        <dd class ="text-center"><a href="">商业空间</a></dd>
                      </dl>
                    </div>
                    <div class="col-md-2  col-sm-2 hidden-xs ">
                      <dl class="foot_list" >
                        <dt class ="text-center"><a href="">关于</a> </dt>
                        <dd class ="text-center"><a href="">设计是谁</a></dd>
                        <dd class ="text-center"><a href="">合作须知</a></dd>
                        <dd class ="text-center"><a href="">商业空间</a></dd>
                      </dl>
                    </div>
                    <div class="col-md-2 col-sm-2 hidden-xs ">
                      <dl class="foot_list" >
                        <dt class ="text-center"><a href="">服务</a></dt>
                        <dd class ="text-center"><a href="">服务范围</a></dd>
                        <dd class ="text-center"><a href="">服务咨询</a></dd>
                        <dd class ="text-center"><a href="">服务内容</a></dd>
                      </dl>
                    </div>
                    <div class="col-md-2 col-sm-2 hidden-xs ">
                      <dl class="foot_list" >
                        <dt class ="text-center"><a href="">联系</a></dt>
                        <dd class ="text-center"><a href="">位置地图</a></dd>
                        <dd class ="text-center"><a href="">联系方式</a></dd>
                        <dd class ="text-center"><a href="">加入我们</a></dd>
                      </dl>
                    </div>
                </div>
                <div class="col-md-2 col-sm-12">
                    <p class ="hidden-sm hidden-xs">本网站设计、源代码及其中所展示之作品著作权</p>
                    <p class ="hidden-sm  hidden-xs">均属于Design品牌设计，</p>
                    <p class ="hidden-sm hidden-xs">保留所有权利。</p>
                  <p class ="text-center hidden-md hidden-lg">本网站设计、源代码及其中所展示之作品著作权</p>
                  <p class ="text-center hidden-md hidden-lg">均属于Design品牌设计，</p>
                  <p class ="text-center hidden-md hidden-lg">保留所有权利。</p>
                </div>
              </div>
            </div>
            <br>
            <p class="text-center" style="margin-bottom:0px">Copyright © 2019.Company name All rights reserved.</p>
          </div>
        


    <a href="" class="cd-top"></a>
    <script>
        $(".example").hover(
            function () {
                $(this).find('p:hidden').show();
                $(this).find('img').css("opacity", "0.2")
            },
            function () {
                $(this).find('p:visible').hide();
                $(this).find('img').css("opacity", "1")
            }
        )
       
    if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
      (function () {
        window.scrollReveal = new scrollReveal({
          reset: true
        });
      })();
    };
  
    </script>
</body>

</html>